<!DOCTYPE html>
{include file='head_hooks.html'}

<head>
  <title>Login | Protoweb</title>

  {include file='head_scripts.html'}
</head>

<body>
  {include file='body_hooks.html'}

  {include file='navbar.html'}

  <div class="container">

    <!-- Main hero unit for a primary marketing message or call to action -->
    <section class="hero-unit">
      <h1>Welcome to Protoweb!</h1>
      <p>Protoweb is a Free and Open Source Web Development Tool. Provides simple and robust code generation along with proyects management features.</p>
    </section>

    {include file='messages.html'}
    
    <section class="row">

      <div class="span6">

        <form class="form-horizontal" action="" method="post" enctype="multipart/form-data">
          <fieldset>

            <legend>Login</legend>

            <div class="control-group">
              <label class="control-label" for="username">Username</label>
              <div class="controls">
                <input class="input-xlarge" id="username" name="username" type="text" required="required" value="{$user->username}" placeholder="Here goes your username"/>
                <p class="help-block">Esto o el placeholder</p>
              </div>
            </div>

            <div class="control-group">
              <label class="control-label" for="password">Password</label>
              <div class="controls">
                <input class="input-xlarge" id="password" name="password" type="password" required="required" placeholder="Here goes your password"/>
                <p class="help-block">Esto o el placeholder</p>
              </div>
            </div>

            <div class="form-actions">
              <button type="submit" class="btn btn-primary">Login</button>
            </div>

          </fieldset>
        </form>

      </div>
      <!-- span6 -->

    </section>
    <!-- row -->

    {include file='footer.html'}

  </div> <!-- /container -->

  {include file='footer_scripts.html'}

</body>

</html>
